<template>
    <button @click="emitEventAge">更改年龄</button>
    <br>
    <br>
    <button @click="$emit('changeAgeAndName', 10, 'Annie')">
        更改年龄和名字
    </button>
    <br>
    <br>
    <button @click="$emit('changeStudent', { age: 40, name: 'Tom', sex: '男' })">
        更改学生
    </button>
</template>

<script>
export default {
    emits: ['changeAge', 'changeAgeAndName', 'changeStudent'], // 自定义事件选项
    methods: {
        emitEventAge() {
            this.$emit('changeAge', 30) // 选项式通过 this.$emit 触发自定义事件，并传值
        }
    }
}
</script>

<script setup>
let emit = defineEmits(['changeAge', 'changeAgeAndName', 'changeStudent']) // 自定义事件

function emitEventAge() {
    emit('changeAge', 30) // 选项式通过 this.$emit 触发自定义事件，并传值
}

</script>